import React,{Component,PropTypes} from 'react';
import List from './List'
class KanbanBorad extends Component{

    render(){
        console.log(this.props.toString());
        return(<div className="app">

            <List id='todo' title="待办事项" taskCallbacks={this.props.taskCallbacks}
                  cards={this.props.cards.filter((card)=>card.status==="todo")}>

            </List>

            <List id='in-progress' title="正在办理" taskCallbacks={this.props.taskCallbacks}
                  cards={this.props.cards.filter((card)=>card.status==="in-progress")}>

            </List>

            <List id='done' title="已完成" taskCallbacks={this.props.taskCallbacks}
                  cards={this.props.cards.filter((card)=>card.status==="done")}>

            </List>
        </div>)
    }
}
KanbanBorad.propTypes={
    cards:PropTypes.arrayOf(PropTypes.object),
    taskCallbacks:PropTypes.object
}
export default KanbanBorad;
